<template>
  <div>
  <div id="parkshow_head" style="width:1004px;height: 99px;margin:0 auto;">
    <div >
      <div id="parkshow_head_title" style="width:300px;height: 71px;float: left;">
        <h3 style="color:rgb(81,123,192);padding-top: 35px;">园区服务</h3>
      </div>
      <div style="float: right;"><ul>
        <li style="font-size: 12px;"> 当前位置：</li>
        <li><a href="">&nbsp;首页&nbsp;</a></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/serviceInformation">&nbsp;园区服务&nbsp;</router-link></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/serviceInformation">&nbsp;园区服务&nbsp;</router-link></li>
      </ul></div>
    </div>
    <hr align=center width=100% color=#A3BBE3 size=1>
  </div>
  <div style="margin: 0 auto;width: 1004px;height: 650px;">
    <div style="width: 258px;height: 337px;float: left;">
      <ul id="parkshow_menuing" >
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div  class="parkshow_menuing_left"><img src="../../assets/dian.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/serviceInformation" style="color: rgb(81,144,210);">园区服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/protal" style="color: rgb(74,74,74);">我要服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/LifeAndBasic" style="color: rgb(74,74,74);" >生活配套</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/enter" style="color: rgb(74,74,74);">我要入驻</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/investMentandFinancing" style="color: rgb(74,74,74);">我要融资</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/personNeltraining" style="color: rgb(74,74,74);">人才服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 10px; border-left: 2px solid lightgray;float: left;position: relative;top: 7px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/technicalAndNetwork" style="color: rgb(74,74,74);">技术支持</router-link></div>
        </li>
      </ul>
    </div>
    <div style="width: 746px;height: 557.06px;float: right;">
      <img src="../../assets/yuanqutop.png" style="width:746px;height: 320.55px;">
      <img src="../../assets/yuanqucenter.png" style="width: 746px;height: 38.938px;margin-top: 15px;">
      <img src="../../assets/yuanqubottom.png" style="width: 746px;height: 160.578px;margin-top: 15px;">
    </div>

  </div>
  </div>
</template>

<script>
  export default {
    name: "serviceInformation"
  }
</script>

<style scoped>
  *{
    margin: 0 auto;
    padding: 0;
  }

  #parkshow_head li{
    list-style: none;
    float:left;
    font-size: 12px;
    padding-top: 35px;

  }

  #parkshow_head li a{
    text-decoration:none;
    font-size: 12px;
    color: black;
  }
  #parkshow_head li a:hover{
    color: rgb(81,144,210);
  }
  #parkshow_menuing li{
    float: left;
    width: 255px;
    height: 50px;
    list-style: none;

  }
  #parkshow_menuing li div a:hover{
    color: rgb(81,144,210);
  }
  .parkshow_menuing_left{
    width: 25px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right{
    width: 220px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right a{
    text-decoration:none;
    font-size: 15px;
    color: black;
    width: 60px;
    height: 20px;
  }

</style>
